<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />

</h:head>
<f:event listener="#{systemNavigatePage.navChangePassword}" type="preRenderView"></f:event>
<body>
	<ui:include src="./header.xhtml" />
<div id="content-outer">
<div id="content">
	
<!--  start page-heading -->
	<div id="page-heading">
		<h1>Change Password</h1>
	</div>
	<h:messages infoStyle="color: blue;" errorStyle="color: orange;" />
<!-- end page-heading -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
	<div id="content-table-inner">
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr valign="bottom">
	<td>

	<h:form id="mainform" action="">
			
		<table  border="0" width="75%" cellpadding="0" cellspacing="0" id="id-form">
		<tr><th valign="bottom">Account Information </th>
			
		</tr>
		
		<tr>
			<th valign="bottom" >Login ID:	</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.userName}" size="40" class="inp-form" disabled="true"/></td>				
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Old Password:</th>
		  	<td><h:inputSecret value="#{systemLoginManageBean.oldPassword}"  required="true" redisplay="true" size="40" id="oldPassword" class="inp-form"/></td>
		  	<td colspan="4"><span style="color:red;">*</span><h:message for="oldPassword" errorStyle="color:red;margin:8px;"></h:message></td>
		  	
		  		
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">New Password:</th>
		  	<td><h:inputSecret id="newPassword" value="#{systemLoginManageBean.newPassword}" size="40"  class="inp-form">
		  				<f:validator validatorId="passwordValidator"></f:validator>
		  				<f:attribute name="txtConfirm" value="#{txtConfirm}"></f:attribute>
		  		</h:inputSecret>
		  	</td>
		  	<th valign="bottom" style="padding-left: 20px">Confirm Password:</th>
		  	<td><h:inputSecret id="txtConfirm" binding="#{txtConfirm}" size="40" class="inp-form"/></td>
		  	<td colspan="2"><h:message for="newPassword" style="color:red" /></td>
		</tr>
		
		
		<tr align="center">
		  		<td colspan="7"> 
		  		<h:commandButton value="Edit" type="submit"
								action="#{systemLoginManageBean.ChangePassword}"
								class="mod-button"></h:commandButton>
		  		&nbsp;
		  		<h:commandButton value="Cancel" type = "submit"
		  						action="#{systemLoginManageBean.CancelBtn}"
		  						class="cancel-button"></h:commandButton>
		  		</td>
		  	</tr>
				</table>
				<!--  end product-table................................... -->
</h:form>
</td>
</tr>
</table>
</div>
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>
	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</table>
	
</div>	
</div>
</body>
</html>
